$(document).ready(function(){
	
	renderDataTable();
	$("#refresh").click(function(){
		$("#inputCode").val("");
		$("#inputName").val("");
		$("#oldCodeID").val("");
		$("select#inputStatus> option[value="+""+"]").prop("selected",true);
		var table = $('#readerDataTable').DataTable();
		table.$('tr.selected').removeClass('selected');
	});
});


function editData(vaId,index) {	
	var table = $('#readerDataTable').DataTable();
    table.$('tr').removeClass('selected');
    table.$('tr:eq('+(parseInt(index)-1)+')').addClass('selected');
$.ajax({
	url : 'CS12001Srvl' , 
	type : "POST",
	data : {
		process_type : "edit" , 
		id :  vaId , 
	},
	dataType : "json",
	success: function(data){
		$("#inputCode").val(data.id);
		$("#inputName").val(data.name);
		$("#oldCodeID").val(data.id);
		$("select#inputStatus> option[value="+data.status+"]").prop("selected",true);
	}
});
}

function deleteData(data1,data2) {
	var vainputStatus = $("select#inputStatus").val();
	var table = $('#readerDataTable').DataTable();
	$('#readerDataTable ').on( 'click', function () {
	    if ( $(this).hasClass('selected') ) {
	        $(this).removeClass('selected');
	    }
	    else {
	        table.$('selected').removeClass('selected');
	        $(this).addClass('selected');
	    }
	} );

	if(vainputStatus == 0){
		var vaTextStatus = "Inactive";
	}else{
		var vaTextStatus = "Active";
	}
	$("#dataDelete1").val(data1);
	$("#dataDelete2").val(data2);

	document.getElementById("modal_content_confirmModal").innerHTML = "ยืนยันการลบข้อมูลพนักงานอ่านน้ำ  :   "
		+ data1 + "<br>ชื่อ - สกุล :  " + data2 +"<br>สถานะ  :  "+vaTextStatus;
	$('#confirmModal').modal();
}

function confirmdeleteData() {
	var data1 =$("#dataDelete1").val();
	$.ajax({
		    type : 'POST',
		    url : "CS12001Srvl",
		    data:{
		    	process_type:"delete",
		    	id: data1, 
		    	url_address:$("#url_address").val(), 
		    	agent_browser:$("#agent_browser").val()
		    }, 
		    success : function(data) { 
		    	location.reload();
		    }    
		});	 
}

function SaveReader(){
	    var vaCodeId= $("#inputCode").val();
		var vaName= $("#inputName").val();
		var vainputStatus = $("select#inputStatus").val();
		var statusUpdate =$("#oldCodeID").val();
		if(vainputStatus == 0){
			var vaTextStatus = "Inactive";
		}else{
			var vaTextStatus = "Active";
		}
		if (vaCodeId == "" || vaName == "") {
			document.getElementById("modal_content").innerHTML = "กรุณากรอกข้อมูลให้ครบถ้วน";
			$('#warningModal').modal();
		} else if ((isNaN(vaCodeId) == true)) {
			document.getElementById("modal_numcontent").innerHTML = "กรุณากรอกรหัสพนักงานอ่านน้ำให้ถูกต้อง";
			$('#warningNumModal').modal();
		}else {
			if (statusUpdate !== "") {
				document.getElementById("modal_content_confirmUpdateModal").innerHTML = "ยืนยันการบันทึกข้อมูลพนักงานอ่านน้ำ:   "
						+ vaCodeId + "<br>ชื่อ - สกุล  :  " + vaName+"<br>สถานะ  : "+vaTextStatus;
				$('#confirmUpdateModal').modal();
			} else {
				document.getElementById("modal_content_confirmSaveModal").innerHTML = "ยืนยันการบันทึกข้อมูลพนักงานอ่านน้ำ:   "
						+ vaCodeId + "<br>ชื่อ - สกุล :  " + vaName +"<br>สถานะ   :"+vaTextStatus;
				$('#confirmSaveModal').modal();
			}
		}
}

function addDataTable(){
	
	var vaCodeId= $("#inputCode").val();
	var vaReaderName= $("#inputName").val();
	var vaStatus = $("select#inputStatus").val();
	$('#confirmSaveModal').modal('hide');
 $.ajax({
	    type : 'POST',
	    url : "CS12001Srvl",
	    data:{
	    	process_type:"insert",
	    	id: vaCodeId, 
	    	name:vaReaderName,
	    	status :vaStatus,
	    	url_address:$("#url_address").val(),
	    	agent_browser:$("#agent_browser").val()
	    }, 

	    success : function(data) {
	    	
	    	if(data=="ReaderId_Dupicate"){
	    		document.getElementById("modal_content").innerHTML = "มีรหัสพนักงานอ่านน้ำนี่แล้ว  กรุณาเปลี่ยนรหัสพนักงานอ่านน้ำใหม่";
	    	    $('#warningModal').modal();
	    	    
	    	}else{
	    		location.reload();
	    		$("#inputCode").val("");
	    		$("#inputName").val("");
	    		$("select#inputStatus> option[value = "+""+"] ").prop("selected",true);
	    	}
	    }
	});
}

function updateDataTable(){
	
	var vaCodeId= $("#inputCode").val();
	var vaReaderName= $("#inputName").val();
	var vaStatus = $("select#inputStatus").val();
	var statusUpdate =$("#oldCodeID").val();
	 $('#confirmUpdateModal').modal('hide');
	 
	 $.ajax({
		    type : 'POST',
		    url : "CS12001Srvl",
		    data:{
		    	process_type:"update",
		    	id: vaCodeId, 
		    	name:vaReaderName ,
		    	status :vaStatus,
		    	oldCodeID : $("#oldCodeID").val(),
		    	url_address:$("#url_address").val(), 
		    	agent_browser:$("#agent_browser").val()
		    }, 
		    success : function(data) { 
		    	if(data=="ReaderId_Dupicate"){
		    		document.getElementById("modal_content").innerHTML = "มีรหัสพนักงานอ่านน้ำนี้แล้ว  กรุณาเปลี่ยนพนักงานอ่านน้ำใหม่";
		    	    $('#warningModal').modal();
		    	}else{
		    		location.reload();
		    		$("#inputCode").val("");
		    		$("#inputName").val("");
		    		$("select#inputStatus> option[value = "+""+"]").prop("selected",true);
		    	}
		    }
		});
}



//render dataTable 
function renderDataTable(){
	$("#readerDataTable").DataTable({
		"oLanguage": {
            "oPaginate": {
                          "sFirst": "หน้าแรก",// ปุ่มกลับมาหน้าแรก
                          "sLast": "หนัาสุดท้าย",//ปุ่มไปหน้าสุดท้าย
                          "sNext": "ถัดไป", //ปุ่มหน้าถัดไป
                          "sPrevious": "ก่อนหน้า" // ปุ่ม กลับ
                        	  },
             "sLengthMenu": "แสดง _MENU_ รายการ ต่อหน้า",  
             "sZeroRecords": "ไม่พบข้อมูลที่ค้นหา", 
             "sInfo": "แสดง _START_ ถึง _END_ จากทั้งหมด _TOTAL_ รายการ",
             "sEmptyTable": "ไม่พบรายการข้อมูล",
             "sLoadingRecords": "ระบบกำลังประมวลผล กรุณารอซักครู่",
             "sProcessing": "ประมวลผลข้อมูล",
             "sInfoEmpty": "ไม่พบรายการข้อมูลที่แสดง",
             "sInfoFiltered": "(จากทั้งหมด _MAX_ รายการ)",  
             "sSearch": "ค้นหา :"
        },
        "searching": true,
        "aoColumns" : [ {"sTitle": "ลำดับ", sClass: "alignCenter", sWidth: '2%',"bSortable": false},
		                {"sTitle": "รหัส", sClass: "alignCenter", sWidth: '2%'},
		                {"sTitle": "ชื่อ - สกุล", sClass: "rightCenter", sWidth: '10%'},
		                {"sTitle": "สถานะ", sClass: "alignCenter", sWidth: '8%',"bSortable": false,
		                	 "mRender": function ( data, type, full) { 
		                		if(full[3]==1){
		                			return '<input type="text" class="form-control text-center" value="Active" disabled="disabled"/>';
		                			
		                		}else{
		                			return '<input type="text" class="form-control text-center" value="Inactive" disabled="disabled" />';
		                		}
		                	 }
		                },
		                {"sTitle": "จัดการ", sClass: "alignCenter table-action", sWidth: '4%', "bSortable": false,
			                "mRender": function ( data, type, full) { 
			                		return  '<i class="fa fa-wrench" title="แก้ไขข้อมูล" id="editButton" onclick="editData(\'' + full[1] + '\',\'' + full[0] + '\');"></i> ' 
			                		+ '<i class="fa fa-trash-o" title="ลบข้อมูล" onclick="deleteData(\'' + full[1] + '\', \'' + full[2] + '\');"></i>';
			                	} 
			             }
		               ],
		        "sPaginationType" : "full_numbers",// แสดงตัวแบ่งหน้า  
		       	"bLengthChange": true, // แสดงจำนวน record ที่จะแสดงในตาราง
		       	"iDisplayLength": 10, // กำหนดค่า default ของจำนวน record 
		       	"bScrollCollapse": true,
		       	"aLengthMenu": [
		       		                [10, 25, 50, 100, -1], // จำนวนที่แสดงในตาราง
		       		                [10, 25, 50, 100, "ทั้งหมด"] // จำนวนที่ให้เลือก
		       		 ],
		        "iDeferLoading": 11	, 
		       	"bProcessing": true,    // เขียนโค้ดโดยระบุให้ไปดึงข้อมูลจากไฟล์ getDataTable มาทำงาน โดยเอาข้อมูลที่ได้มาแสดงใน table
		        "sAjaxSource": "CS12001Srvl?process_type=getDataTable",
		       
		
	});
}